<template>
  <div class="container">
    <div class="heading">
      <p>行情参考</p>
    </div>
    <ve-line :data="chartData" style=""></ve-line>
  </div>
</template>

<script>
export default {
  name: 'Price',
  data () {
    return {
      chartData: {
        columns: ['日期', '价格'],
        rows: [
          { '日期': '2020-01-02', '价格': 4467 },
          { '日期': '2020-01-03', '价格': 4467 },
          { '日期': '2020-01-06', '价格': 4383 },
          { '日期': '2020-01-07', '价格': 4383 },
          { '日期': '2020-01-08', '价格': 4383 },
          { '日期': '2020-01-09', '价格': 4375 },
          { '日期': '2020-01-10', '价格': 4388 },
          { '日期': '2020-01-13', '价格': 4244 },
          { '日期': '2020-01-14', '价格': 4244 },
          { '日期': '2020-01-15', '价格': 4236 },
          { '日期': '2020-01-16', '价格': 4217 },
          { '日期': '2020-01-17', '价格': 4217 },
          { '日期': '2020-01-20', '价格': 4217 },
          { '日期': '2020-01-21', '价格': 4217 },
          { '日期': '2020-01-22', '价格': 4241 },
          { '日期': '2020-01-23', '价格': 4241 },
          { '日期': '2020-02-03', '价格': 4249 },
          { '日期': '2020-02-04', '价格': 4249 },
          { '日期': '2020-02-05', '价格': 4225 },
          { '日期': '2020-02-06', '价格': 4225 },
          { '日期': '2020-02-07', '价格': 4216 },
          { '日期': '2020-02-10', '价格': 4224 },
          { '日期': '2020-02-11', '价格': 4224 },
          { '日期': '2020-02-12', '价格': 4224 },
          { '日期': '2020-02-13', '价格': 4224 },
          { '日期': '2020-02-14', '价格': 4176 },
          { '日期': '2020-02-17', '价格': 4089 },
          { '日期': '2020-02-18', '价格': 4089 },
          { '日期': '2020-02-19', '价格': 4089 },
          { '日期': '2020-02-20', '价格': 4039 }
        ]
      }
    }
  }
}
</script>

<style scoped>
  .container {
    margin-left: 200px;
    padding-top: 20px;
    background: white;
    width: 1140px;
  }

  .heading {
    margin-bottom: 20px;
    color: #03009c;
    border-left: 5px solid #03009c;
    padding-left: 20px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    font-family: "Microsoft YaHei", SimSun, '\5b8b\4f53', sans-serif;
  }
</style>
